<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html" template="/layout/normal.xhtml"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:c="http://java.sun.com/jstl/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:s="http://jboss.com/products/seam/taglib">

	<ui:define name="body">
		<a name="errores" />
		<h:panelGrid columns="1" id="mensaje" style="text-align:left;">
			<h:messages id="mesage1" styleClass="mensaje_bienvenida">
				<a4j:support event="onchange" action="location.hash='#errores'"></a4j:support>
			</h:messages>
		</h:panelGrid>
		<h:panelGrid columns="1" styleClass="contenedor_pest">
			<rich:tabPanel styleClass="pestanya">
				<rich:tab label="Mantenimiento" styleClass="no_border">
					<h:panelGrid columns="2">
						<rich:spacer width="300px;"></rich:spacer>
						<h:outputText value="Mantenimiento" styleClass="thTitulo" />
					</h:panelGrid>
					<rich:spacer height="35px;"></rich:spacer>
					<h:panelGrid columns="2">
						<rich:spacer width="100px;"></rich:spacer>
						<h:outputText style="width:550px;"
							value="En esta sección de la aplicación se gestionará todo lo relacionado con el mantenimiento de la apliación,
						 desde el alta de un nuevo comité, un nuevo equipo de mantenimiento, la edición de estos o la edición de los diccionarios de la aplicación. 
						Más abajo tienes las diferentes opciones disponibles."
							styleClass="thDescripcion" />
					</h:panelGrid>
					<rich:spacer height="50px;"></rich:spacer>
					<h:panelGrid columns="6">
						<rich:spacer width="250px;"></rich:spacer>
						<h:panelGrid columns="1">
							<a4j:commandButton styleClass="botonSubmenu mantenimientoComites"
								action="#{userAdmin.registrarse()}"
								title="pulsa para el mantenimiento de los comités">
							</a4j:commandButton>
							<h:outputText value="Comités" styleClass="botonTexto_menu"
								style="width:48px;" />
						</h:panelGrid>
						<rich:spacer width="25px;"></rich:spacer>
						<h:panelGrid columns="1">
							<a4j:commandButton styleClass="botonSubmenu mantenimientoEqMant"
								action="#{usuarioSearch.modoEliminar()}"
								title="pulsa para el mntenimiento de los equipos de mantenimiento">
							</a4j:commandButton>
							<h:outputText value="Eq. Mant." styleClass="botonTexto_menu"
								style="width:48px;" />
						</h:panelGrid>
						<rich:spacer width="25px;"></rich:spacer>
						<h:panelGrid columns="1">
							<a4j:commandButton styleClass="botonSubmenu mantenimientoDic"
								action="gotoDiccionarios"
								title="pulsa para el mantenimiento de diccionarios">
							</a4j:commandButton>
							<h:outputText value="Diccionarios" styleClass="botonTexto_menu"
								style="width:48px;" />
						</h:panelGrid>
					</h:panelGrid>

					<rich:spacer height="50px;"></rich:spacer>
				</rich:tab>
			</rich:tabPanel>
			<rich:spacer height="10px;"></rich:spacer>
		</h:panelGrid>
	</ui:define>
	<ui:define name="botonera">
		<h:panelGrid columns="3" styleClass="tabla_botonera">
			<h:panelGrid columns="1">
				<a4j:commandButton styleClass="botonBotonera ayuda" value=""
					id="linkAyuda" style="width:48px;"
					title="pulsa para recibir ayuda acerca de esta pantalla">
					<rich:componentControl for="panelAyuda" attachTo="linkAyuda"
						operation="show" event="onclick"></rich:componentControl>
				</a4j:commandButton>
				<h:outputText value="Ayuda" style="width:48px;"
					styleClass="botonTexto_botonera"></h:outputText>
			</h:panelGrid>
			<rich:spacer width="25px;"></rich:spacer>
			<h:panelGrid columns="1">
				<a4j:commandButton styleClass="botonBotonera volver"
					style="width:48px;" action="gotoMenu"
					title="pulsa para volver al menú principal de la aplicación">
				</a4j:commandButton>
				<h:outputText value="Volver" style="width:48px;"
					styleClass="botonTexto_botonera"></h:outputText>
			</h:panelGrid>
		</h:panelGrid>

		<rich:modalPanel id="panelAyuda" minWidth="400" minHeight="200"
			autosized="false" resizeable="false">

			<rich:spacer height="5px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="160px;"></rich:spacer>
				<h:outputText value="Ayuda" styleClass="thTitulo" />
			</h:panelGrid>
			<rich:spacer height="10px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="25px;"></rich:spacer>
				<h:outputText
					value="Esta pantalla representa el submenú de mantenimiento de la aplicación."
					style="width:350px;" styleClass="thModalPanel" />
			</h:panelGrid>
			<rich:spacer height="25px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="325px;"></rich:spacer>
				<h:panelGrid columns="1">
					<h:commandButton id="Aceptar" styleClass="boton_crr cerrar">
						<rich:componentControl for="panelAyuda" attachTo="Aceptar"
							operation="hide" event="onclick" />
					</h:commandButton>
				</h:panelGrid>
			</h:panelGrid>
		</rich:modalPanel>

	</ui:define>
</ui:composition>